BODY{
    margin: 1em;
    margin-top: 0em;
    padding: 0;
    font-family: Verdana, Helvetica, "MS UI Gothic", Osaka, Arial, Serif;
    color:#000;
    font-size : 80%;
    color : black;
}

H1{
    font-size : 300%;
}
H2{
    font-size : 110%;
}
H3{
    font-size : 100%;
    font-weight : bold;
}

/* Link Style */
a:visited {color: #0000FF;text-decoration: underline;}
a:hover {color: #FF0000;text-decoration: underline;}
a.navi:visited {color: #0000FF;text-decoration: underline;}
a.navi:hover {color: #FF0000;text-decoration: underline;}

a.news:visited {color: maroon;}

/* Form Input */
.FormInput
{ color: #000000;
    font-family: Verdana, Helvetica, "MS UI Gothic", Osaka, Arial, Serif;
    font-size: x-small;
    background-color: #ffffff;
}


img {border:0;}

.content {
    clear:both;
    margin:0;
    padding:0.8em;
    padding-top:0.1em;
    text-align:center;
}

.leftcontent {
    clear:both;
    margin:0;
    padding:0.2em;
    padding-top:0.1em;
    text-align:left;
}

.leftcontent h2 {
    height: 38px;
    padding: 9px 0 0 14px;
    background: transparent url('img/titlebar.gif') no-repeat 0 0;
    margin: 20px 0 4px 0;
}

.leftcontent p {
    margin: 6px 0;
    padding: 0 0 0 10px;
}

.error {
    color: red;
    background-color: #ffff55;
}

.example {
    color: darkgreen;
    font-size: 85%;
}

/* for title */

.title{
    margin: 0;
    padding:40px;
    text-align:center;
}

.lefttitle{
    margin: 0;
    padding:0.0em;
    padding-top:0.4em;
}

/* for footer */

.footer{
    clear:both;
    border-top: dashed #999 1px; 
    margin-top: 10px;
    padding:0.2em;
    padding-top:0.2em;
    text-align:center;
}

.leftfooter{
    clear:both;
    border-top: dashed #999 1px; 
    padding:0.2em;
    padding-top:0.2em;
    margin-top: 10px;
    margin-right: 50%;
    text-align:left;
}

/* for table */
table.sitetable {
    margin-left: auto;
    margin-right: auto;
    border-width: 1px;
    border-color: #999;
    border-style: solid;
    border-collapse: collapse;
}

table.leftsitetable {
    border-width: 1px;
    border-color: #999;
    border-style: solid;
    border-collapse: collapse;
}

table th {
    border-width: 1px;
    border-color: #999;
    border-style: solid dotted;
    padding: 3px;
    background-color: #CCC;
    text-align:left;
    color: black;
}
table td {
    border: 1px gray dotted;
    padding: 5px;
}
table tr.select {
    background-color: #ffc;
}

/* set millions of background images */
.rbroundbox { background: url('img/nt.gif') repeat; }
.rbtop div  { background: url('img/tl.gif') no-repeat top left; }
.rbtop      { background: url('img/tr.gif') no-repeat top right; }
.rbbot div  { background: url('img/bl.gif') no-repeat bottom left; }
.rbbot      { background: url('img/br.gif') no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
    width: 100%;
    height: 7px;
    font-size: 1px;
}
.rbcontent  { margin: 0 7px; color: black; }
.rbroundbox { width: 50%; margin: 1em auto; }


/* faq */
li.faq{
    margin: 1em;
    margin-top: 0em;
    padding: 0;
}
